// //vue.config.js
// module.exports = {
//     //1.从vue cli3.3开始已弃用，请使用publicPath
//     // baseUrl : '/',
//
//     /*
//       2.1部署应用包时的基本URL。用法和webpack本身的output.publicPath一致。
//   但在cli的其它地方也会用到这个值，所以请不要直接修改webpack的output.publicPath。
//       2.2默认情况下,Vue Cli会假设你的应用是被部署在一个域名的根路径。
//   如我本地的应用的路径是“D:\WORK\study\vue\vue_cli3_test\demo1”，则在这个应用中，根路径就是“D:\WORK\study\vue\vue_cli3_test\demo1”
//     */
//     publicPath : '/',
//
//     //3.当运行vue-cli-service build时生成的生产环境构建环境的目录。用法和webpack的output.path一样，不要修改output.path
//     outputDir :'dist',
//
//     //4.放置打包后生成的静态资源（js、css、img、fonts）的目录，该目录相对于outputDir。
//     assetsDir:' ',
//
//     //5.指定生成的index.html的输出路径，相对于outputDir。也可以是一个绝对路径。
//     indexPath : 'index.html',
//
//     //6.
//     filenameHashing : true,
//
//     //7.多页应用模式下构建应用
//     pages : undefined,
//
//     //8.安装@vue/cli-plugin-eslint后生效。为true时将检查错误输出为编译警告输出到命令行，编译不会失败。
//     //为"error"时，将检查错误直接显示在浏览器中。强制eslint-loader将lint错误输出为编译错误，编译会失败。
//     lintOnSave : true,
//
//     //9.
//     tuntimeCompiler : false,
//     //10.
//     transpileDependencies : [],
//     //11.如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建
//     productionSourceMap : true,
//     //12.
//     crossorigin : undefined,
//     //13.
//     integrity : false,
//     //14.
//     parallel : require('os').cpus().length > 1 ,
//     //15.向PWA插件传递选项
//     pwa : {},
//     //16.不进行任何schema验证的对象，可以用来传递任何第三方插件选项，不是webpack的plugins
//     pluginOptions : {},
//
//     //17.和wenpack相关的配置参考最上面代码
// }
const path = require('path');
function resolve(dir){
    return path.join(__dirname,dir)//设置绝对路径
}


module.exports={

    chainWebpack:(config)=>{
        config.resolve.alias
            .set('@',resolve('src'))//参数1,设置的别名,参数2：设置的路径
    },
    publicPath: './',
    //配置跨域请求
    devServer: {
        open: true,    //是否自动打开浏览器
        https: false,    //是否开启https
        hotOnly: false,
        proxy: { // 配置跨域
            '/api': {
                target: 'http://localhost:80',   //请求接口域名
                ws: true,
                secure: false,
                changOrigin: true,    //是否允许跨越
                pathRewrite: {
                    '^/api': ''
                }
            }
        },
        before: app => { }
    }
}
/**
 * //vue.config.js
 * module.exports = {
 *   //1.简单配置
 *   configureWebpack : {
 *     plugins: [
 *       new MyAwesomeWebpackPlugin(),
 *     ]
 *   }
 *
 *   //2.链式操作：允许对内部的webpack配置进行更细粒度的修改
 *   chainWebpack : config => {
 *
 *   }
 *
 *   //3.webpack的css的一些loader
 *   css : {
 *     module : false,
 *     extract : false ,
 *     sourceMap : false,
 *     loaderOptions: { //向css相关的loader传递选项，
 *     //支持的loader:css-loader,postcss-loader,sass-loader,less-loader,stylus-loader
 *     css : {
 *       //这里的选项会传递给 css-loader
 *     },
 *     postcss : {
 *      //这里的选项会传递给 postcss-loader
 *     }
 *     },
 *   }
 *
 *   //4.所有webpack的devServer的选项都支持
 *   devServer : {
 *     proxy : {
 *       '/api' : {
 *         target : 'http://localhost:4000',
 *         ws : true,
 *         changeOrigin : true,
 *       }
 *     }
 *   }
 * }
 */
